﻿@charset "utf-8";
/* CSS Document */

{
   margin: 0px;
   padding: 0px;
}
body
{
   background: #fa800a;
}
#container
{
   margin: auto;
   width: 1280px;
}
#header
{
 background: #FFFFFF  url(images/Backgroud_H.png) no-repeat 862px 0px;
 margin: auto;
 height:110px;
 width: 1280px;
 border-radius: 10px 10px 0px 0px;
 border-top: 1px solid #FF0000;
 border-left: 1px solid #FF0000;
 border-right: 1px solid #FF0000;
}
#logo
{
 background: url(images/logo.png);
 height:210px;
 width:61px;
 position:absolute;
 margin-top:25px;
 margin-left:25px;
 border:none;
}
#Header_Spliter
{
 background: url(images/Header_Spliter.png);
 height:61px;
 width:3px;
 position:absolute;
 margin-top:25px;
 margin-Left:280px;
 border:none;
}
#Product_name
{
/* background: url(images/Product_name.png); */
 background: #FFFFFF;
 height:70px;
 width:250px;
 position:absolute;
 margin-top:20px;
 margin-Left:315px;
 border:none;
}

#content
{
 background:#ffffff url(images/Backgroud_C.png) no-repeat 862px 0px;
 margin: auto;
 height:640px;
 width: 1280px;
 border-left: 1px solid #FF0000;
 border-right: 1px solid #FF0000;
}

#Main_Tab
{
	margin: auto;
	width: 98%;
}

#tabs-1
{
	background:#ffeeee;
	border-radius: 0px 6px 6px 6px;
	border: 1px solid #FF5555;
	height: 566px;
}

#tabs-2
{
	background:#ffeeee;
	border-radius: 0px 6px 6px 6px;
	border: 1px solid #FF5555;
	height: 566px;
}


#video_input
{
	margin-top: 0px;
	height: 470px;
	width: 30%
}

#video_input fieldset
{
	height: 97%;
	width: 97%;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:0px;
	padding-top: 15px;
}

#video_encoder
{
	margin-top:0px;
	margin-left: 4%;
	height: 480px;
	width: 65%;
}

#video_encoder fieldset
{
	height: 95.7%;
	width: 97%;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:0px;
	padding-top: 13px;
}

#video_encoder_l
{
	height: 97%;
	width: 49%;
}

#video_encoder_r
{
	height: 97%;
	width: 49%;
}

#tabs-3
{
	background:#ffeeee;
	border-radius: 0px 6px 6px 6px;
	border: 1px solid #FF5555;
	height: 566px;
}

#audio_1
{
	margin-top: 0px;
	height: 470px;
	width: 30%
}

#audio_1 fieldset
{
	height: 97%;
	width: 97%;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:0px;
	padding-top: 15px;
}

#audio_2
{
	margin-top: 0px;
	height: 470px;
	width: 30%;
	margin-left: 4%;
}

#audio_2 fieldset
{
	height: 97%;
	width: 97%;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:0px;
	padding-top: 15px;
}



#tabs-4
{
	background:#ffeeee;
	border-radius: 0px 6px 6px 6px;
	border: 1px solid #FF5555;
	height: 566px;
}

#tabs-4 fieldset
{
	height: 82%;
	width: 97%;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:0px;
	padding-top: 13px;
}

#Mux_l
{
	height: 97%;
	width: 33.2%;
}

#Mux_m
{
	height: 97%;
	width: 33.2%;
}

#Mux_r
{
	height: 97%;
	width: 33.2%;
}

#tabs-5
{
	background:#ffeeee;
	border-radius: 0px 6px 6px 6px;
	border: 1px solid #FF5555;
	height: 566px;
}

#ASI_output
{
	margin-top: 0px;
	height: 470px;
	width: 30%
}

#ASI_output fieldset
{
	height: 97%;
	width: 97%;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:0px;
	padding-top: 15px;
}

#GE_output
{
	margin-top:0px;
	margin-left: 4%;
	height: 480px;
	width: 65%;
}

#GE_output fieldset
{
	height: 95.7%;
	width: 97%;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:0px;
	padding-top: 13px;
}

#GE_output_l
{
	height: 97%;
	width: 49%;
}

#GE_output_r
{
	height: 97%;
	width: 49%;
}

#tabs-6
{
	background:#ffeeee;
	border-radius: 0px 6px 6px 6px;
	border: 1px solid #FF5555;
	height: 566px;
}

#control_network
{
	margin-top: 0px;
	height: 470px;
	width: 30%
}

#control_network fieldset
{
	height: 97%;
	width: 97%;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:0px;
	padding-top: 15px;
}

#login_panel
{
	margin-left: 250px;
	width: 350px;
	height: 440px;
	background: transparent;
	padding: 150px 0px 0px 0px;
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size:1.2em;
	border: none;
}

#footer
{
 background:#FFFFFF url(images/Backgroud_F.png) no-repeat 862px 0px;
 height:50px;
 width:1280px;
 margin:auto;
 border-radius: 0px 0px 10px 10px;
 border-bottom: 1px solid #FF0000;
 border-left: 1px solid #FF0000;
 border-right: 1px solid #FF0000;
}

#footer label
{
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size:1.4em;
	color: #FF0000;
	margin-top:0px;
 	margin-Left:40px;
}

.input_area{}

.input_area p
{
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size:1.5em;
	color: #FF0000;
	margin-top:0px;
 	margin-Left:20px;
}

.input_area select
{
	height: 35px;
	width: 320px;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 6px;
}

.input_area select:hover
{
	box-shadow: 0px 0px 15px #bbbbbb;
}

.input_area input[type="text"]
{
	height: 32px;
	width: 307px;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
}

.input_area input[type="text"]:hover
{
	box-shadow: 0px 0px 15px #bbbbbb;
}

.input_area input[type="password"]
{
	height: 32px;
	width: 307px;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #ffaaaa;
	color: #888888;
	margin-top:5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
}

.input_area input[type="password"]:hover
{
	box-shadow: 0px 0px 15px #bbbbbb;
}


.input_area input[type="checkbox"]
{
	height: 15px;
	color: #888888;
	margin-top:15px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-left: 10px;
}

.input_area label
{
	color: #888888;
	margin-left: 15px;
}



#title_bar
{
	background: transparent;
	width: 100%;
	height: 60px;
}

#title_bar label
{
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size:1.5em;
	color: #FF0000;
	margin-top:0px;
 	margin-Left:20px;
}

.BTN
{
	font-size:1em;
	border-radius: 6px 6px 6px 6px;
	border:1px solid #992222;
	background:#FF3333;
	color:#FFEEEE;
	margin-right: 20px;
	margin-top: 10px;
	height: 35px;
	width: 120px
}

.BTN:hover
{
	background:#ff7777;
	cursor: pointer;
}

.BTN:active
{
	background: #FFAAAA;
}